<template>
  <div id="app">
    <v-header :seller="seller"></v-header>
    <tab></tab>
    <!--<div class="tab">-->
      <!--<div class="tab-item">-->
        <!--<router-link to="/goods">商品</router-link>-->
      <!--</div>-->
      <!--<div class="tab-item">-->
        <!--<router-link to="/ratings">评论</router-link>-->
      <!--</div>-->
      <!--<div class="tab-item">-->
        <!--<router-link to="/seller">商家</router-link>-->
      <!--</div>-->
    <!--</div>-->
    <transition name="router-fade" mode="out-in">
     <router-view :seller="seller"></router-view>
    </transition>
    <!--<shopcarplay></shopcarplay>-->

  </div>
</template>

<script>
  import header from './components/header/header.vue'
  import tab from './components/tab/tab.vue'
//  import shopcarplay from './components/shopcarplay/shopcarplay.vue'

  const ERR_OK =0
  export default {
      data() {
          return{
              seller:{

              }
          }
      },
    created() {
      this.$http.get('/api/seller').then((res)=>{
          res=res.body;
        if(res.errno == ERR_OK){
            this.seller=res.data;
//          console.log(this.seller);

        }
      })
    },
    components: {
      'v-header': header,
        tab
//      shopcarplay

    }
  }
</script>


<style lang="scss">
  #app {

  /*.tab {*/
    /*display: flex;*/
    /*width: 100%;*/
    /*height: 40px;*/
    /*line-height: 40px;*/
    /*position: relative;*/

    /*!*border-bottom:1px solid rgba(7,17,21,0.1);*!*/
    /*.tab-item{*/
      /*flex: 1;*/
      /*text-align: center;*/
      /*>a{*/
         /*display: block;*/
          /*font-size: 14px;*/
          /*color: rgb(77,85,93);*/
      /*&.active{*/
          /*color: rgb(240,20,20);*/

       /*}*/
       /*}*/
    /*}*/
  /*}*/
  /*.tab::after{*/
    /*position: absolute;*/
    /*left:0;*/
    /*bottom: 0;*/
    /*content: "";*/
    /*width: 100%;*/
    /*height: 0;*/
    /*border-bottom:1px solid rgba(7,17,21,.1);*/
   /*}*/
  .router-fade-enter-active, .router-fade-leave-active {
    transition: opacity .3s;
  }
  .router-fade-enter, .router-fade-leave-active {
    opacity: 0;
  }
  }
</style>
